<div class="basic">

    <form nz-form>
        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>数据源名称</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.name}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>所属项目</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.project}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>创建时间</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.createTime}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>主机名或IP地址</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.address}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>端口</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.port}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>用户名</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.admin}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>密码</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.password}}</div>
            </div>
        </div>

        <div nz-row>
            <div nz-col [nzSpan]="8">
                <div nz-col [nzXs]="24" [nzSm]="8" nz-form-label>
                    <label>数据源</label>
                </div>
                <div nz-col [nzXs]="24" [nzSm]="16" nz-form-control class="msg"> {{dbMsg.dataSource}}</div>
            </div>
        </div>
    </form>

</div>